<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div class="deviceMap">
    <svg class="map mapSvg" width="100%" height="100%">
        <defs>
            <filter id="glow">
                <feGaussianBlur class="blur" stdDeviation="25.5" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                <feMerge>
                    <feMergeNode in="coloredBlur"></feMergeNode>
                    <feMergeNode in="SourceGraphic"></feMergeNode>
                </feMerge>
            </filter>

            <filter id="blue-glow" x="-5000%" y="-5000%" width="10000%" height="10000%">
                <feFlood result="flood" flood-color="#47a6ff" flood-opacity="1"></feFlood>
                <feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite>
                <feMorphology in="mask" result="dilated" operator="dilate" radius="2.5"></feMorphology>
                <feGaussianBlur in="dilated" result="blurred" stdDeviation="10"></feGaussianBlur>
                <feMerge>
                    <feMergeNode in="blurred"></feMergeNode>
                    <feMergeNode in="SourceGraphic"></feMergeNode>
                </feMerge>
            </filter>
            <defs>
                <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
                    <stop offset="10%" style="stop-color:rgb(250,250,250);stop-opacity:1" />
                    <stop offset="80%" style="stop-color:rgb(179,238,255);stop-opacity:0" />
                </radialGradient>
            </defs>
        </defs>

        <defs>
            <filter id="glow_line">
                <feGaussianBlur class="blur" stdDeviation="10" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                <feMerge>
                    <feMergeNode in="coloredBlur"></feMergeNode>
                    <feMergeNode in="SourceGraphic"></feMergeNode>
                </feMerge>
            </filter>
        </defs>

        <defs>
            <filter id="glow_line2">
                <feGaussianBlur class="blur" stdDeviation="1.5" result="coloredBlur" filterUnits="userSpaceOnUse"></feGaussianBlur>
                <feMerge>
                    <feMergeNode in="coloredBlur"></feMergeNode>
                    <feMergeNode in="SourceGraphic"></feMergeNode>
                </feMerge>
            </filter>
        </defs>
    </svg>
    <div class="content_right">
        <div class="device_back">
            <div class="device_detail">
                <div class="device_detail_title">
                    设备描述
                </div>
                <div class="device_detail_content"></div>
            </div>
        </div>
        <div class="device_back">
            <div class="device_spread">
                <div class="left_circle"></div>
                <div class="spread_title">全国</div>
                <div class="spread_container">
                    <div class="spread_content">
                        <div class="slide_content">
                            <div class="brand_title">品牌占比分布</div>
                            <div class="brand_radar" id="brand_spread"></div>
                        </div>
                        <div class="slide_content" id="age_spread"></div>
                    </div>
                    <div class="spread_lend">
                        <div class="lend_dot active"></div>
                        <div class="lend_dot"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>